import React from 'react';
import { connect } from 'react-redux';

class Waimai_Header extends React.Component{
	render(){
		return(
			<div className="head">
		        <div className="head_location">
		            <div className="location">
		                <i></i>
		                <span id="location">黄浦区人民大道上海市政府上海市委</span>
		                <span id="container"></span>
		            </div>
		            <div className="tianqi">
		                <div>
		                    <h2 id="temperature">17°</h2>
		                    <p id="weather">晴天</p>
		                </div>
		                <img id="weather_img" src="images/tianqi.png" alt="天气图"/>
		            </div>
		        </div>
		        <div>
		            <form action="" className="search">
		                <input type="text" placeholder="搜索商家、商品"/>
		            </form>
		        </div>
		        <div className="keywords" id="wrapper">
		            <ul>
		                <li><a href="">人在茶在</a></li>
		                <li><a href="">必胜客</a></li>
		                <li><a href="">水饺</a></li>
		                <li><a href="">奶茶</a></li>
		                <li><a href="">抢百万红包</a></li>
		                <li><a href="">天天特价</a></li>
		                <li><a href="">芭比馒头</a></li>
		                <li><a href="">米粉</a></li>
		                <li><a href="">周黑鸭</a></li>
		                <li><a href="">星巴克</a></li>
		            </ul>
		        </div>
		    </div>
		)
	}
}

export default Waimai_Header;